<template>
  <BlogScriptsStepForm v-bind="$attrs" @register="registerModal" @success="handleSuccess" />
</template>

<script lang="ts" setup>
import { useModalInner } from '/@/components/Modal';
import BlogScriptsStepForm from './BlogScriptsStepForm.vue';

// Emits声明
const emit = defineEmits(['register', 'success']);

// 表单赋值
const [registerModal, { setModalProps }] = useModalInner(async (_data) => {
  setModalProps({ confirmLoading: false, showCancelBtn: false, showOkBtn: false });
});

// 成功回调
function handleSuccess() {
  emit('success');
}
</script>

<style lang="less" scoped>
	/** 时间和数字输入框样式 */
  :deep(.ant-input-number) {
    width: 100%;
  }

  :deep(.ant-calendar-picker) {
    width: 100%;
  }
</style>